<template>
  <div id="packagemanagementdialog">
    <div class="listDataDetial" style="background-color:#fafafa">
      <el-row>
        <el-col :span="6">
          <div class="photo" align="center">
            <img src="../../../static/img/pic2.jpg">
          </div>
        </el-col>
        <el-col :span="16" :offset="1">
          <p class="title">{{getServiceData.package_name}}</p>
          <p class="title_a">套餐热度：{{getServiceData.package_heat}}</p>
          <div class="div_top" v-for="(item,index) in getServiceData.data_list">
            <span>{{item.service_type_title}}</span>
            <span>{{item.service_item_description}}</span>
            <span>{{item.current_price}}</span>
          </div>
        </el-col>
        <el-row>
          <el-col :span="17" :offset="7">
            <span class="span_adjust">套餐总价:</span>
            <span class="span_color">￥{{getServiceData.money}}元</span>
          </el-col>
        </el-row>
      </el-row>
    </div>
    <div class="btn-box">
      <el-button type="info" @click="publish()">发布</el-button>
      <el-button type="info" @click="cancle()">取消</el-button>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'packagemanagementdialog',
    props: ['getServiceData'],
    data () {
      return {}
    },
    methods: {
      publish () {
        this.$emit('returnBack', true)
      },
      cancle () {
        this.$emit('returnBack', false)
      }

    },
    created () {

    }
  }
</script>
<style scoped>
  .btn-box {
    margin-top: 0.5em;
    text-align: center;
  }

  .photo img {
    padding: 0.5em;
    text-align: center;
    width: 100%;
  }

  .listData {
    width: 50%;
    margin-top: 1.6em;
    display: inline-block;
  }

  .listDataDetial {
    margin: auto;
    width: 90%;
  }

  .title {
    font-size: 1.5em;
    color: #475669;
  }

  .title_a {
    font-size: 1.1em;
  }

  .listDataDetial button {
    margin-bottom: 0.5em;
  }

  h2 {
    text-shadow: none;
    font-weight: 300;
    color: #fffff;
    font-family: 微软雅黑;
  }

  .div_top span {
    font-family: 微软雅黑;
    margin-left: 1.2em;
  }

  .div_top {
    font-size: 0.9em;
    /*margin-top: 5px;*/
  }

  button {
    /*float: right;*/
    margin-right: 0.5em;
  }

  .span_adjust {
    line-height: 28px;
  }

  .span_color {
    color: #FF4949;
    font-size: 25px;
    font-family: 微软雅黑;
  }
</style>
